<!DOCTYPE html>
<!-- html 根部标签 -->
<html>
   <!-- 头部文档
     设置当前html页面相关信息 
     例如设置编码格式 关键字
     作者 页面描述等 标题
    -->
 <head>
	<title>第一个html页面</title>
	<meta charset="utf-8">
 </head>
   <!--
      body 主要显示页面的信息 例如 图片 
      文字 音频 视频等  
     -->
 <body>
     <!-- 标题标签 h1~h6 
          标题大小依次递减
     -->
     <h1>我是标题1</h1>
     <h2>标题2</h2>
     <h3>标题3</h3>
     <h4>标题4</h4>
    <!-- 段落标签 p -->
     <p>我是一条小青龙我是一条小青龙我是一条小青龙我是一条小青龙我是一条小青龙我是一条小青龙我是一条小青龙我是一条小青龙我是一条小青龙我是一条小青龙我是一条小青龙</p>
     <!-- br标签 换行 -->
     佩奇：hello 我是佩奇 哼哼 <br>
     乔治：hello 大家好，我是乔治 哼； <br>
     猪妈妈：hello 我是猪妈妈 哼哼；  <br>
     猪爸爸：hello 我是猪爸爸 哼哼哼哼；<br>
     <!-- hr 水平分割线 -->
     <hr>
     	<!-- img 图片 
             src=图片的路径
             title：鼠标放置图片上显示的信息
             alt：图片加载失败的时候显示的信息
         -->
     	<img src="1.jpg">
     	<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1541829079670&di=dc32733075d3e2e58c487aee507650da&imgtype=0&src=http%3A%2F%2Fi1.hdslb.com%2Fbfs%2Farchive%2Fddcf6cbc21327b4da84e8bf2575ef591263cbdfc.jpg" width="100px" title="我是佩奇">

        <!--列表标签-->
          <!-- 无序列表 ul -->
          <ul>
             <li>三国演义</li>
             <li>水浒传</li>
             <li>西游记</li>
             <li>红楼梦</li>
          </ul>
          <ul>
               <li>三国演义
                   <ul>
                       <li>桃园三结义</li>
                       <li>武松错杀西门庆</li>
                       <li>西门庆大闹地府</li>
                       <li>西门庆错投贾府大观园</li>
                   </ul>
               </li>
               <li>水浒传</li>
               <li>西游记</li>
          </ul>  
         <!-- 有序列表 -->
          <ol>
              <li>廉颇</li>
              <li>孙尚香</li>
              <li>李白</li>
              <li>马可波罗</li>
          </ol>
         <!-- form  表单提交 
              作用：采集页面的信息
                    将数据提交给服务器
              method：get post
              action:提交服务器的路径
          -->
           <form action="#" method="get">
           	   <!--input 输入
                   type: text 文本类型
                   name: 提交的服务器的时候一个key 键值对
                   例如： user=输入框的值
           	     -->
               用户名:<input type="text" name="user"><br>
               密码:<input type="password" name="pwd"><br>
               <!-- 提交数据 -->
               <input type="submit" value="登陆">
              </form>
           <br>
           <br>
           <br>
           <br>
 </body>
</html>